<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" type="text/css" href="main.css" />
<script src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript">
	$(function(){
		var _this1=null;
		$('.nav>li').hover(function(){
			_this1=$(this);
			_this1.find('.second-nav').show();
			var _this2=null;
			_this1.find('.second-nav').find('li').hover(function(){
				_this2=$(this);
				_this2.find('.third-nav').show();
				_this2.find('.third-nav').hover(function(){
					$(this).show();
				},function(){
					$(this).hide();
				});
			},function(){
				_this2.find('.third-nav').hide();
			});
		},function(){
			_this1.find('.second-nav').hide();
		});
	});


	
</script>
<style>
.wangye1{
	width:1310px;
	height:550px;
	background:url(about1.jpg) no-repeat;
	/* -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;*/
   background-size: cover;
   position:absolute;
   top:40px;
   left:0px;
}
.wangye1 .wp1{
	font-size:64px;
	color:#000;
	position:absolute;
	top:100px;
	left:420px;
	letter-spacing:15px;
}
.wangye2{
	width:120px;
	height:50px;
	position:absolute;
	top:450px;/*450*/
	left:580px;
	border:2px solid #000;
	cursor: pointer;
}
.wangye2 a{
	color:#000;
	position:absolute;
	top:14px;
	left:24px;
	font-size:18px;
	
	}
.wangye3{
	width:500px;
	height:250px;
	position:absolute;
	top:670px;/*670*/
	left:600px;
}
.wangye3 span{
	font-size:24px;
}
.wangye4{
	width:500px;
	height:350px;
	position:absolute;
	top:670px;/*670*/
	left:150px;
}
.mbtn{
	width:120px;
	height:55px;
	position:absolute;
	top:850px;
	left:750px;
}
.wangye5{
	width:1310px;
	height:600px;
	position:absolute;
	top:1000px;
	left:0px;	
}
.wangye5 img{
    width:1310px;
	height:600px;
}
.wangye6{
	width:1310px;
	height:600px;
	position:absolute;
	top:1640px;
	left:0px;
	}
.wangye6 p{
	font-size:36px;
	position:absolute;
	top:0px;
	left:500px;
}
.wangye6 img{
	position:absolute;
	top:150px;
	left:100px;
}
.wangye7{
	width:500px;
	height:350px;
	position:absolute;
	top:1750px;
	left:750px;
}
.wangye7 img{
	width:500px;
	height:500px;
}
.wangye8{
	width:1310px;
	height:150px;
	position:absolute;
	top:2350px;
	left:0px;
	background-color:#000;
	border:1px solid red;
	color:#fff;
	}
.wangye8 .ul1{
	position:absolute;
	top:25px;
	left:110px;
	float:left;
	font-size:18px;
}
.wangye8 .ul1 li a{
	color:#FFF;
	font-size:16px;
}
.wangye8 .ul1 li a:hover{
text-decoration: underline;
}
.wangye8 .ul2{
	position:absolute;
	top:25px;
	left:300px;
	float:left;
	font-size:18px;
}
.wangye8 .ul2 li a{
	color:#FFF;
	font-size:16px;
}
.wangye8 .ul2 li a:hover{
text-decoration: underline;
}
.wangye8 .ul3{
	position:absolute;
	top:25px;
	left:480px;
	float:left;
	font-size:18px;
}
.wangye8 .ul3 li a{
	color:#FFF;
	font-size:16px;
}
.wangye8 .ul3 li a:hover{
text-decoration: underline;
}
.wangye8 .ul4{
	position:absolute;
	top:25px;
	left:660px;
	float:left;
	font-size:18px;
}
.wangye8 .ul4 li a{
	color:#FFF;
	font-size:16px;
}
.wangye8 .ul4 li a:hover{
text-decoration: underline;
}
.wangye8 .ul5{
	position:absolute;
	top:25px;
	left:840px;
	float:left;
	font-size:18px;
}
.wangye8 .ul5 li a{
	color:#FFF;
	font-size:16px;
}
.wangye8 .ul5 li a:hover{
text-decoration: underline;
}
.wangye8 .ul6{
	position:absolute;
	top:25px;
	left:1020px;
	float:left;
	font-size:18px;
}
.wangye8 .ul6 li a{
	color:#FFF;
	font-size:16px;
}
.wangye8 .ul6 li a:hover{
text-decoration: underline;
}
#divsearch{
	width:1310px;
	height:100px;
	position:absolute;
}
#divsearch .search11 img{
	width:25px;
	height:25px;
	position:absolute;
	top:-2340px;
	left:1260px;
	z-index:8;
	cursor: pointer;
}
#divsearch .search22{	display:none;}
#divsearch .search22 .search-input{
	width:1305px;
	height:40px;
	position:absolute;
	top:-2310px;
	left:0px;

	z-index:8;
}
</style>
<script>
$(document).ready(function(){
$(".wangye2").mouseout(function(){
		$(".wangye2").css("background-color","rgba(1,1,1,0)");
		$(".wangye2").css("border","2px solid #000");
		$(".wangye2 a").css("color","#000");
		});
	$(".wangye2").mouseover(function(){
		$(".wangye2").css("background-color","rgba(255,255,255,0)");
		$(".wangye2").css("border","2px solid #fff");
		$("a").css("color","#fff");
		}); 
	});
</script>
<script>
$(document).ready(function(){
	$(".search11").click(function(){
		$(".search22").toggle();
		});
	
	});
</script>
<title>东莞凯软信息科技有限公司</title>
</head>
<body><script src="/demos/googlegg.js"></script>

<div class="header">
	<ul class="nav">
		<li><a href="#">产品和服务&nbsp;<b>﹀</b></a>
			<ul class="second-nav">
				<li><a href="#">网站建设&nbsp;<b>></b></a>
					<ul class="third-nav">
						<li><a href="wangye1.html">个人网站</a></li>
						<li><a href="wangye2.html">企业网站</a></li>
						<li><a href="wangye3.html">其他网站</a></li>
					</ul>
				</li>
				<li><a href="#">电子商务&nbsp;<b>></b></a>
					<ul class="third-nav">
						<li><a href="#">电商主页设计</a></li>
						<li><a href="#">电商服务</a></li>
					</ul>
				</li>
				<li><a href="#">ERP</a></li>
                <li><a href="#">OA</a></li>
                <li><a href="#">物流管理软件</a></li>
                <li><a href="#">动漫游戏设计</a></li>
			</ul>
		</li>
		<li><a href="#">方案&nbsp;<b>﹀</b></a>
			<ul class="second-nav">
				<li><a href="#">企业</a></li>
				<li><a href="#">金融</a></li>
                <li><a href="#">安全</a></li>
                <li><a href="#">媒体</a></li>
			</ul>
		</li>
		<li><a href="#">成功案例&nbsp;<b>﹀</b></a>
			<ul class="second-nav">
				<li><a href="#">图书管理系统</a>
					<!--<ul class="third-nav">
						<li><a href="#">仙女裙</a></li>
						<li><a href="#">荷叶裙</a></li>
					</ul>-->
				</li>
                <li><a href="#">动漫设计</a></li>
				<li><a href="#">企业ERP系统</a></li>
			</ul>
		</li>
		<li><a href="#">投资者关系&nbsp;<b>﹀</b></a>
			<ul class="second-nav">
				<li><a href="#">公司公告</a></li>
				<li><a href="#">公司治理</a></li>
				<li><a href="#">投资者服务</a></li>
				
			</ul>
		</li>
		<li><a href="#">技术支持&nbsp;<b>﹀</b></a>
			<ul class="second-nav">
				<li><a href="#">服务体系&nbsp;<b>></b></a>
					<ul class="third-nav">
						<li><a href="#">销售服务</a></li>
						<li><a href="#">售前服务</a></li>
						<li><a href="#">售后服务</a></li>
					</ul>
				</li>
				<li><a href="#">服务内容</a></li>
				<li><a href="#">服务流程&nbsp;<b>></b></a>
					<ul class="third-nav">
						<li><a href="#">申请服务</a></li>
						<li><a href="#">服务跟踪</a></li>
                        <li><a href="#">完成服务</a></li>
					</ul>
				</li>
			</ul>
		</li>
		<li><a href="#">新闻中心&nbsp;<b>﹀</b></a>
			<ul class="second-nav">
				<li><a href="#">公司新闻&nbsp;<b>></b></a>
					<ul class="third-nav">
						<li><a href="#">最新新闻</a></li>
						<li><a href="#">往期新闻</a></li>
					</ul>
				</li>
				<li><a href="#">行业动态</a></li>
			</ul>
		</li>
		<li><a href="#">关于我们</a></li>
	</ul>
</div>
<div class="tubiao1"><a href="file:///D:/杂七杂八/下拉/新建文件夹/新建文件夹/main.html"><img src="logo2.png"></a></div>
<div class="wangye1"><p class="wp1">公司企业文化</p></div>
<div class="wangye2"><a href="#">加入我们</a></div>
<div class="wangye3"><span>公司具有专业的软件研发队伍，为客户提供基于云计算与云服务的软件产品、解决方案的规划、设计、集成、运营及技术支持等服务。
       经过不断加强自主创新研发技术，打造企业自由品牌，公司截止当前共获得50多项软件著作权及10多项软件产品登记证书。</span></div>
<div class="wangye4"><img src="beijing7.jpg"></div>
<div><button type="button" class="mbtn">了解更多</button></div>
<div class="wangye5"><img src="about2.jpg"></div>
<div class="wangye6"><p>企业文化内涵</p><img src="wangye2.jpg"></div>
<div class="wangye7"><img src="wangye3.jpg"></div>
<div class="wangye8">
<div id="divsearch">
<div class="search11"><img src="search.jpg"></div>
<div class="search22"><input type="text" class="search-input" placeholder="Type to search" />
</div>
</div>
</div>
<div id="div6">
<ul class="ul1">跟随我们
<li><a href="http://www.facebook.com/">Facebook</a></li>
<li><a href="http://www.twitter.com/">Twitter</a></li>
<li><a href="http://www.utubechinese.com.tw/">YouTube</a></li>
<li><a href="http://www.instagram.com/">instagram</a></li>
</ul>
<ul class="ul2">语言
<li><a href="#">英语</a></li>
<li><a href="#">德语</a></li>
<li><a href="#">法语</a></li>
<li><a href="#">西班牙语</a></li>
</ul>
<ul class="ul3">客户服务
<li><a href="#">服务支持</a></li>

</ul>
<ul class="ul4">企业
<li><a href="#">公司</a></li>
<li><a href="#">投资者</a></li>
<li><a href="#">招贤纳士</a></li>
</ul>
<ul class="ul5">站点
<li><a href="#">开发者</a></li>
<li><a href="#">Beta</a></li>
<li><a href="#">合作伙伴</a></li>
</ul>
<ul class="ul6">法律
<li><a href="#">概述</a></li>
<li><a href="#">Accessibility</a></li>
<li><a href="#">商标</a></li>
<li><a href="#">隐私政策</a></li>
</ul>
</div>
</body>
</html>